<!--
  文件用途：入口选择页（仅注释，不改逻辑）
  目的：为管理员提供 Admin/User 两套面板的入口选择，并在本地记录偏好
  行为：
  - 非管理员直接重定向到 /u/home
  - 选择后写入 preferredPanel，并跳转对应首页
-->
<template>
  <div class="entry">
    <el-card class="box">
      <template #header>
        <div class="hd">
          <div>请选择进入的面板</div>
          <div class="sub">管理员也可以使用用户面板</div>
        </div>
      </template>
      <div class="ops">
        <el-button type="primary" size="large" @click="choose('admin')">进入管理后台</el-button>
        <el-button type="success" size="large" @click="choose('user')">进入用户面板</el-button>
      </div>
    </el-card>
  </div>
</template>
<script setup>
import { onMounted } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()

onMounted(()=>{
  const role = (sessionStorage.getItem('role')||'').toLowerCase()
  if (role !== 'admin') {
    router.replace('/u/home')
  }
})

function choose(which){
  // 强制记住选择
  localStorage.setItem('preferredPanel', which)
  if (which === 'admin') router.push('/dashboard')
  else router.push('/u/home')
}
</script>
<style scoped>
.entry{ min-height: 60vh; display:flex; align-items:center; justify-content:center; padding: 24px }
.box{ width: 520px }
.hd{ display:flex; flex-direction:column }
.sub{ color:#909399; font-size:13px }
.ops{ display:flex; gap:12px; justify-content:center; margin: 16px 0 }
</style>
